import React from "react";
import InputItem from "./components/InputItem";
import Datepicker from "./components/Datepicker";
import Textarea from "./components/Textarea";
import Upload from "./components/Upload";
import Checkbox, { Radio } from "./components/Checkbox";
import Select from "./components/Select";
import Approval from "./components/Approval";
import Calculate from "./components/Calculate";

export default {
  textInput: props => (
    <div>
      <InputItem
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  datePicker: props => (
    <div>
      <Datepicker
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  textArea: props => (
    <div>
      <Textarea
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  upload: props => (
    <div>
      <Upload
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  checkbox: props => (
    <div>
      <Checkbox
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  radio: props => (
    <div>
      <Radio
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  select: props => (
    <div>
      <Select
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  calculate: props => (
    <div>
      <Calculate
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
  approval: props => (
    <div>
      <Approval
        node={props.node} {...props.attributes}
        {...props}
      />
    </div>
  ),
};
